<!--在线咨询-->
<div class="online" style="z-index:9999;">
  <div class="left_wrap">
    <div class="right_main"></div>
    <div class="left_main" style="display:none;">
    	<dl>
			<dd><p>在线咨询</p>
			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes">王先生</a>
			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=222&amp;site=qq&amp;menu=yes">李先生</a>
			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=3333&amp;site=qq&amp;menu=yes">曹女士</a>
			</dd>
			<dd class="s_bou">&nbsp;</dd>
		</dl>
	</div>
  </div>
</div>
<!--在线咨询-->
<style>
/*在线咨询*/
.onConsult a,.onConsult a:hover{color:#fff;}
.clickUp a,.clickUp a:hover{width:113px; height:78px; float:left; text-indent:-999px; overflow:hidden;}
.clickDown,.clickUp{position:fixed; right:10px; bottom:0; text-align:center; color:#fff; font-size:14px; line-height:34px; cursor:pointer; z-index:10;}

/*在线咨询*/
.online{width:140px; height:258px; position:fixed; right:0; bottom:200px;}
.online p,.online a{ display:block;height:30px; margin-bottom:5px;text-align:right; margin-right:-150px;}
.online p{height:75px;}
/*当值为true的时候#topline显示*/
#false{display:none;}
#topBorder{border-top:1px solid #ddd;}

.left_wrap {
    position: fixed;
    overflow: hidden;
    right: 0px;
}

.right_main {
    height: 106px;
    width: 29px;
    float: left;
    background: url("__STATIC__/images/qq/online.png");
    margin-top: 43px;
    cursor: pointer;
}
.left_main {
    height: auto;
    width: 140px;
    float: left;
    background: url("__STATIC__/images/qq/s_t.gif") left top no-repeat;
}
.online p {
    height: 75px;
}
.online p, .online a {
    display: block;
    margin-bottom: 5px;
    text-align: right;
    margin-right: -150px;
}

.left_main {
    height: auto;
    width: 140px;
    float: left;
    background: url("__STATIC__/images/qq/s_t.gif") left top no-repeat;
}
.left_main dd a {
    height: 35px;
    width: 116px;
    line-height: 35px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    margin-right: auto;
    margin: auto;
    color: #FFFFFF;
    background: url("__STATIC__/images/qq/s_qq.gif") left top no-repeat;
	font-size: 12px;
}
.left_main dd.s_bou {
    height: 9px;
    width: 140px;
    float: left;
    background: url("__STATIC__/images/qq/s_b.gif") left bottom no-repeat;
}
</style>
<script type="text/javascript">
	$(function(){
		 /*左侧浮窗-建站服务*/
		$('.jz-service-close').click(function(event) {
			$(this).parent('.jz-service-open').hide().siblings('.jz-service-packup').show();
		});
		$('.jz-service-packup').mouseenter(function() {
			$(this).hide().siblings('.jz-service-open').show();
		});
		
		$('.lc ul li').hover(function() {
		$(this).children('span').stop().slideUp(300);
		}, function() {
		$(this).children('span').slideDown(100);
		});
		
		//初始化典型案例宽度
          var count=$(".slid li").length;
          $(".slid ul").css("width",(count*258)+"px");
          //初始化给按钮绑定事件
          $(".case-con a.slid_next").bind("click",function(){customerleft();});
          $(".case-con a.slid_prev").bind("click",function(){customerright();});
          //向左滚动
          function customerleft(){
              var a_next=$(".case-con a.slid_next");
              var ul=$(".slid ul");
              a_next.unbind("click");
              var count=$(".slid li").length-1;
              var left=ul.position().left;
              var pleft=left-258;
              var aleft=-1*count*258+1000;
              if(left<=aleft){ul.animate({right:'10px'},500,function(){a_next.bind("click",function(){customerleft()})});
              }else{ul.animate({left:pleft+'px'},400,function(){a_next.bind("click",function(){customerleft()})});}
          }
          //向右滚动
          function customerright(){
              var a_prev=$(".case-con a.slid_prev");
              var ul=$(".slid ul");
              a_prev.unbind("click");
              var count=$(".slid li").length;
              var left=ul.position().left;
              var pleft=left+258;
              if(left>=0){ul.animate({left:'0px'},500,function(){a_prev.bind("click",function(){customerright()})});
              }else{ul.animate({left:pleft+'px'},400,function(){a_prev.bind("click",function(){customerright()})});}
          }
	
		var free_class_flag = true;//判断元素状态
		var free_class_down = true;//判断元素动画是否完成
		var free_class_time;//settimeout定时器
		//元素隐藏方法
		free_class_hide = function(elem){
			free_class_down = false;
			$(elem).hide('slow',function(){
				free_class_down = true;
			});
			free_class_flag = false;
		}
		//元素显示方法
		free_class_show = function(elem){
			free_class_down = false;
			$(elem).show('slow',function(){
				free_class_down = true;
			});
			free_class_flag = true;
		}
		//初始化入口
		var float_left_inin = function(left_box,right_box,time){
			$(right_box).click(function(){
				window.clearTimeout(free_class_time);
				if(free_class_down){
					if(free_class_flag){
						free_class_hide(left_box);
					}else{
						free_class_show(left_box);
					}
				}
				
			});
			free_class_time = setTimeout("free_class_hide('"+left_box+"')",time);
		}
		//参数 第一个为左边盒子的类名，第二个为右边盒子类名，第三个为时间 开始初始化
		float_left_inin('.left_main','.right_main',0);
})
</script>